<template>
  <div class="singlePage">
    <div class="Home">
      <msgCenter class="module"></msgCenter>
      <notice class="module"></notice>
      <appCenter class="module"></appCenter>
      <newsCenter class="module"></newsCenter>
      <information class="module"></information>
      <announcement class="module"></announcement>
      <div class="bottomWhite"></div>
    </div>

  </div>
</template>

<script>
import msgCenter from "@/views/Home/module/msgCenter";
import newsCenter from "@/views/Home/module/newsCenter";
import notice from "@/views/Home/module/notice";
import information from "@/views/Home/module/information";
import appCenter from "@/views/Home/module/appCenter";
import announcement from "@/views/Home/module/announcement";
export default {
  name: "Home",
  components:{
    msgCenter,newsCenter,notice,information,appCenter,announcement
  }
}
</script>

<style  lang="less">
.Home{
  width: 185rem;
  display: flex;
  flex-wrap: wrap;
  margin:  0 auto;
  justify-content: space-between;
  .module{
    margin-top: 1rem;
  }
  .home-card-title{
    font-size: 2.1rem;
    color: #1E2B7B;
  }
  .home-card-title-i{
    font-size: 2rem;
    color: #2A62E6;
    margin-right: 1rem;
  }
  .bottomWhite{
    width: 100%;
    height: 5rem;
  }
}
</style>